.homePagePanoramicMonitoringPageLayerComponentTooltipComponent {
    position: absolute;
    pointer-events: fill;
    display: flex;
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
z-index: 1;
    .homePagePanoramicMonitoringPageLayerComponentTooltipComponent-content {
        width: 90px;
        height: 120px;
        padding: 4px 3px;
        border-radius: 1px;
        background-color: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .homePagePanoramicMonitoringPageLayerComponentTooltipComponent-content__row {
            display: flex;
            gap: 3px;
            align-items: center;
            font-size: 12px;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.65);

            .content-row__radius {
                width: 10px;
                height: 10px;
                margin: 3px;
                border: 1px solid #081E42;
                border-radius: 50%;
            }
        }
    }

    .homePagePanoramicMonitoringPageLayerComponentTooltipComponent-handle {
        width: 24px;
        height: 120px;
        background-color: #E6F7FF;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;

        &:hover {
            background-color: rgba(230, 247, 255, 0.7);
        }


    }
}